<template>
  <view class="container">
    <text> 我是一个纯文本 </text>
    <uni-badge size="small" :text="100" absolute="rightBottom" type="primary">
      <button type="default">右下</button>
    </uni-badge>

    <uni-badge text="1"></uni-badge>

    <uni-badge text="2" type="purple" @click="bindClick"></uni-badge>

    <uni-badge text="3" type="primary" :inverted="true"></uni-badge>
    <view>
      <uni-calendar ref="calendar" :insert="false" @confirm="confirm" />
      <button @click="open">打开日历</button>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      title: "Hello",
    }
  },
  onLoad() {},
  methods: {
    open() {
      this.$refs.calendar.open()
    },
    confirm(e) {
      console.log(e)
    },
  },
}
</script>

<style lang="scss">
// .container {
//   // background-color: #999;
//   // text {
//   //   // font-size: 30px;
//   //   // color: #fff;
//   // }
// }
</style>
